<template>
  <div id="service-certification">
    <div class="form-wrap mb20">
      <div v-for="(item, idx) in fields" :key="idx">
        <os-input :item="item" v-if="item.type=='input'"></os-input>
        <os-switch :item="item" v-if="item.type=='switch'"></os-switch>
        <os-textarea :item="item" v-if="item.type=='textarea'"></os-textarea>
      </div>
      <div class="value alone-right">
        <div class="btn btn-blue">{{$t('btn.save')}}</div>
      </div>
    </div>
    <div class="toolbar">{{$t('service.certification.toolbar')}}</div>
  </div>
</template>

<script>

  export default {

    computed: {
      fields(){
        return this.$t('service.certification.fields')
      }
    },
    created(){
      this.$bus.emit('changeTab', 3)
    }
  }
</script>

<style lang="scss" scoped>

</style>
